<template>
  <div class="detail-container">
    <!-- 御剑乘风来,除魔天地间!\==detail=== 问号query：{{
      $route.query.id
    }} -->
    =====/:id：{{ $route.params.id }}
    <el-card>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane
          label="登录账户设置"
          name="first"
        >登录账户设置</el-tab-pane>
        <el-tab-pane label="个人详情" name="second">
          <userInfo />
        </el-tab-pane>
        <el-tab-pane label="岗位信息" name="third">岗位信息</el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import userInfo from './user-info.vue'
export default {
  name: '',
  components: {
    userInfo
  },
  data() {
    return {
      activeName: 'second'
    }
  },
  computed: {},
  created() {},
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>
<style lang="scss" scoped>
.detail-container {
  padding: 30px;
}
</style>
